﻿@using MvcPaging;
@model IPagedList<Solution.Business.Entities.FreeNew>

@{
    ViewBag.Title = "ShowAllFreeNews2";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

<script>
    $(function () {
        $("#datepicker").datepicker({ dateFormat: "mm/dd/yy" });
    });
  </script>
@using (Html.BeginForm())
{ 
    @Html.ValidationSummary(true)
       
    <span style="font:bold 12px arial; margin: 5px 7px 0px 15px; float:left; display:inline; margin-left:281px; margin-bottom:10px;">Tìm Kiếm</span>
    <input type="text" id="txtTitle" name="txtTitle" style="width: 200px; height: 21px; float: left; background: #fff; border: 1px solid #CCC; margin: 0px 4px 0px 0px; padding: 0px 2px" />
    <input type="text" id="datepicker" name="datepicker" style="width:150px; float:left; height:23px; border: none; overflow:hidden; margin: 0px 4px 0px 0px; background:url(../images/datepick_.gif) no-repeat 0px 0px;" />
    <input type="submit" name="submitButton" value="Tìm Kiếm"  style="height:23px;float:left; margin:0px; padding:0px; border:1px solid #CCC; color:#bd0100; font-weight:bold;" />             
}
<div class="body-left-Free-ShowAll">
    <ul>
        @foreach(var item in Model)
        {
        <li>
            <div class="body-left-Free-ShowAll-left">
                <a href="@Url.Action("Details", "FreeNews", new { FNId = @item.FNId })">@item.Title</a>
            </div>
            <span class="body-left-Free-ShowAll-right">@item.Date</span>    
        </li>
        }
    </ul>
    <center><div class="pager">
                    @Html.Pager(Model.PageSize, Model.PageNumber, Model.TotalItemCount)	
                </div></center>
</div>
